<template>
  <svg aria-hidden="true" class="w-6 h-6" stroke="2">
    <use :xlink:href="symbolId" v-bind="props.props" />
  </svg>
</template>
<script setup lang="ts">
import { computed } from "vue";
const props = defineProps({
  name: {
    type: String,
    required: true
  },
  props: {
    type: Object,
    default: () => {}
  }
});
const symbolId = computed(() => `#ht-edit-${props.name}`);
// console.log(`Using symbolId is `, symbolId.value);
</script>
